<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8">
<title>Conquer Admin Dashboard Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="description">
<meta content="" name="author">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/style_responsive.css" rel="stylesheet">
<link href="css/style_default.css" rel="stylesheet" id="style_color">
<link href="#" rel="stylesheet" id="style_metro">
<link href="css/jquery.fancybox.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/jquery.gritter.css">
<link rel="stylesheet" type="text/css" href="css/uniform.default.css">
<link rel="stylesheet" type="text/css" href="css/daterangepicker.css">
<link href="css/bootstrap-fullcalendar.css" rel="stylesheet">
<link href="css/jqvmap.css" media="screen" rel="stylesheet" type="text/css">
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="fixed-top">
<!-- BEGIN HEADER -->
<div id="header" class="navbar navbar-inverse navbar-fixed-top">
	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="navbar-inner">
		<div class="container-fluid">
			<!-- BEGIN LOGO -->
			<a class="brand" href="index.html">
			<img src="images/logo.png" alt="Conquer">
			</a>
			<!-- END LOGO -->
			<!-- BEGIN RESPONSIVE MENU TOGGLER -->
			<a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="arrow"></span>
			</a>
			<!-- END RESPONSIVE MENU TOGGLER -->
			<div class="top-nav">
				<!-- BEGIN QUICK SEARCH FORM -->
				<form class="navbar-search hidden-phone">
					<div class="search-input-icon">
						<input type="text" class="search-query dropdown-toggle" id="quick_search" placeholder="Search" data-toggle="dropdown">
						<i class="icon-search"></i>
						<!-- BEGIN QUICK SEARCH RESULT PREVIEW -->
						<ul class="dropdown-menu extended">
							<li>
							<span class="arrow"></span>
							<p>
								Found 23 results
							</p>
							</li>
							<li>
							<a href="#">
							<span class="label label-success"><i class="icon-user"></i></span>
							Nick Kim, Technical Mana...<i class="icon icon-arrow-right"></i>
							</a>
							</li>
							<li>
							<a href="#">
							<span class="label label-info"><i class="icon-money"></i></span>
							Anual Report,Dec 20...<i class="icon icon-arrow-right"></i>
							</a>
							</li>
							<li>
							<a href="#">
							<span class="label label-warning"><i class="icon-comment"></i></span>
							Re: Nick Dalton, Sep 11:...<i class="icon icon-arrow-right"></i>
							</a>
							</li>
							<li>
							<a href="#">
							<span class="label label-important"><i class="icon-bullhorn"></i></span>
							Office Setup, Mar 12...<i class="icon icon-arrow-right"></i>
							</a>
							</li>
							<li>
							<a href="#">
							<span class="label label-info"><i class="icon-envelope"></i></span>
							Re: Order Status, Jan 12...<i class="icon icon-arrow-right"></i>
							</a>
							</li>
							<li>
							<a href="#">
							<span class="label label-info"><i class="icon-paper-clip"></i></span>
							project_2011.docx, Feb 12...<i class="icon icon-arrow-right"></i>
							</a>
							</li>
							<li>
							<a href="#">
							See all results... </a>
							</li>
						</ul>
						<!-- END QUICK SEARCH RESULT PREVIEW -->
					</div>
				</form>
				<!-- END QUICK SEARCH FORM -->
				<!-- BEGIN TOP NAVIGATION MENU -->
				<ul class="nav pull-right" id="top_menu">
					<!-- BEGIN NOTIFICATION DROPDOWN -->
					<li class="dropdown" id="header_notification_bar">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<i class="icon-warning-sign"></i>
					<span class="label label-important">15</span>
					</a>
					<ul class="dropdown-menu extended notification">
						<li>
						<p>
							You have 14 new notifications
						</p>
						</li>
						<li>
						<a href="#">
						<span class="label label-success"><i class="icon-plus"></i></span>
						New user registered. <span class="small italic">Just now</span>
						</a>
						</li>
						<li>
						<a href="#">
						<span class="label label-important"><i class="icon-bolt"></i></span>
						Server #12 overloaded. <span class="small italic">15 mins</span>
						</a>
						</li>
						<li>
						<a href="#">
						<span class="label label-warning"><i class="icon-bell"></i></span>
						Server #2 not respoding. <span class="small italic">22 mins</span>
						</a>
						</li>
						<li>
						<a href="#">
						<span class="label label-info"><i class="icon-bullhorn"></i></span>
						Application error. <span class="small italic">40 mins</span>
						</a>
						</li>
						<li>
						<a href="#">
						<span class="label label-important"><i class="icon-bolt"></i></span>
						Database overloaded 68%. <span class="small italic">2 hrs</span>
						</a>
						</li>
						<li>
						<a href="#">
						<span class="label label-important"><i class="icon-bolt"></i></span>
						2 user IP addresses blacklisted. <span class="small italic">5 hrs</span>
						</a>
						</li>
						<li>
						<a href="#">See all notifications</a>
						</li>
					</ul>
					</li>
					<!-- END NOTIFICATION DROPDOWN -->
					<!-- BEGIN INBOX DROPDOWN -->
					<li class="dropdown" id="header_inbox_bar">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<i class="icon-envelope-alt"></i>
					<span class="label label-success">5</span>
					</a>
					<ul class="dropdown-menu extended inbox">
						<li>
						<p>
							You have 12 new messages
						</p>
						</li>
						<li>
						<a href="#">
						<span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
						<span class="subject">
						<span class="from">Lisa Wong</span>
						<span class="time">Just Now</span>
						</span>
						<span class="message">
						Vivamus sed auctor nibh congue nibh. </span>
						</a>
						</li>
						<li>
						<a href="#">
						<span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
						<span class="subject">
						<span class="from">Alina Fionovna</span>
						<span class="time">16 mins</span>
						</span>
						<span class="message">
						Vivamus sed auctor nibh congue. </span>
						</a>
						</li>
						<li>
						<a href="#">
						<span class="photo"><img src="images/avatar-mini.png" alt="avatar"></span>
						<span class="subject">
						<span class="from">Mila Rock</span>
						<span class="time">2 hrs</span>
						</span>
						<span class="message">
						Vivamus sed auctor nibh congue. </span>
						</a>
						</li>
						<li>
						<a href="#">See all messages</a>
						</li>
					</ul>
					</li>
					<!-- END INBOX DROPDOWN -->
					<li class="divider-vertical hidden-phone hidden-tablet"></li>
					<!-- BEGIN USER LOGIN DROPDOWN -->
					<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<i class="icon-wrench"></i>
					<b class="caret"></b>
					</a>
					<ul class="dropdown-menu">
						<li><a href="#"><i class="icon-cogs"></i> System Settings</a></li>
						<li><a href="#"><i class="icon-pushpin"></i> Shortcuts</a></li>
						<li><a href="#"><i class="icon-trash"></i> Trash</a></li>
					</ul>
					</li>
					<!-- END USER LOGIN DROPDOWN -->
					<li class="divider-vertical hidden-phone hidden-tablet"></li>
					<!-- BEGIN USER LOGIN DROPDOWN -->
					<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<i class="icon-user"></i>
					<b class="caret"></b>
					</a>
					<ul class="dropdown-menu">
						<li><a href="#"><i class="icon-user"></i> Mark King</a></li>
						<li><a href="#"><i class="icon-envelope-alt"></i> Inbox</a></li>
						<li><a href="#"><i class="icon-tasks"></i> Tasks</a></li>
						<li><a href="#"><i class="icon-ok"></i> Calendar</a></li>
						<li class="divider"></li>
						<li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
					</ul>
					</li>
					<!-- END USER LOGIN DROPDOWN -->
				</ul>
				<!-- END TOP NAVIGATION MENU -->
			</div>
		</div>
	</div>
	<!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div id="container" class="row-fluid">
	<!-- BEGIN SIDEBAR -->
	<div id="sidebar" class="nav-collapse collapse">
		<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		<div class="sidebar-toggler hidden-phone">
		</div>
		<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		<div class="navbar-inverse">
			<form class="navbar-search visible-phone">
				<input type="text" class="search-query" placeholder="Search">
			</form>
		</div>
		<!-- END RESPONSIVE QUICK SEARCH FORM -->
		<!-- BEGIN SIDEBAR MENU -->
		<ul>
			<li class="active">
			<a href="index.html">
			<i class="icon-home"></i> Dashboard </a>
			</li>
			<li class="has-sub">
			<a href="javascript:;" class="">
			<i class="icon-bookmark-empty"></i> UI Elements <span class="arrow"></span>
			</a>
			<ul class="sub">
				<li><a class="" href="ui_elements_general.html">General</a></li>
				<li><a class="" href="ui_elements_buttons.html">Buttons</a></li>
				<li><a class="" href="ui_elements_tabs_accordions.html">Tabs &amp; Accordions</a></li>
				<li><a class="" href="ui_elements_typography.html">Typography</a></li>
			</ul>
			</li>
			<li class="has-sub">
			<a href="javascript:;" class="">
			<i class="icon-cogs"></i> Form Stuff <span class="arrow"></span>
			</a>
			<ul class="sub">
				<li><a class="" href="form_layout.html">Form Layouts</a></li>
				<li><a class="" href="form_component.html">Form Components</a></li>
				<li><a class="" href="form_wizard.html">Form Wizard</a></li>
				<li><a class="" href="form_validation.html">Form Validation</a></li>
			</ul>
			</li>
			<li class="has-sub">
			<a href="javascript:;" class="">
			<i class="icon-table"></i> Data Tables <span class="arrow"></span>
			</a>
			<ul class="sub">
				<li><a class="" href="table_basic.html">Basic Tables</a></li>
				<li><a class="" href="table_advance.html">Advance Tables</a></li>
			</ul>
			</li>
			<li><a class="" href="grids.html"><i class="icon-th"></i> Grids &amp; Portlets</a></li>
			<li><a class="" href="charts.html"><i class="icon-bar-chart"></i> Visual Charts</a></li>
			<li class="has-sub">
			<a href="javascript:;" class="">
			<i class="icon-map-marker"></i> Maps <span class="arrow"></span>
			</a>
			<ul class="sub">
				<li><a class="" href="maps_google.html"> Google Maps</a></li>
				<li><a class="" href="maps_vector.html"> Vector Maps</a></li>
			</ul>
			</li>
			<li><a class="" href="calendar.html"><i class="icon-ok"></i> Calendar</a></li>
			<li><a class="" href="gallery.html"><i class="icon-camera"></i> Gallery</a></li>
			<li class="has-sub">
			<a href="javascript:;" class="">
			<i class="icon-plane"></i> Sample Pages <span class="arrow"></span>
			</a>
			<ul class="sub">
				<li><a class="" href="sample_blank.html">Blank Page</a></li>
				<li><a class="" href="sample_sidebar_closed.html">Sidebar Closed Page</a></li>
				<li><a class="" href="sample_pricing_tables.html">Pricing Tables</a></li>
				<li><a class="" href="sample_faq.html">FAQ</a></li>
			</ul>
			</li>
			<li><a class="" href="login.html"><i class="icon-user"></i> Login Page</a></li>
		</ul>
		<!-- END SIDEBAR MENU -->
	</div>
	<!-- END SIDEBAR -->
	<!-- BEGIN PAGE -->
	<div id="body">
		<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<div id="widget-config" class="modal hide">
			<div class="modal-header">
				<button data-dismiss="modal" class="close" type="button">×</button>
				<h3>Widget Settings</h3>
			</div>
			<div class="modal-body">
				<p>
					Here will be a configuration form
				</p>
			</div>
		</div>
		<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<!-- BEGIN PAGE CONTAINER-->
		<div class="container-fluid">
			<!-- BEGIN PAGE HEADER-->
			<div class="row-fluid">
				<div class="span12">
					<!-- BEGIN STYLE CUSTOMIZER-->
					<div id="styler" class="hidden-phone">
						<i class="icon-cog"></i>
						<span class="settings">
						<span class="text">Style:</span>
						<span class="colors">
						<span class="color-default" data-style="default">
						</span>
						<span class="color-grey" data-style="grey">
						</span>
						<span class="color-navygrey" data-style="navygrey">
						</span>
						<span class="color-red" data-style="red">
						</span>
						</span>
						<span class="layout">
						<label class="hidden-phone">
						<div class="checker" id="uniform-undefined">
							<span class="checked"><input type="checkbox" class="header" checked="" value="" style="opacity: 0;"></span>
						</div>
						Sticky Header </label><br>
						<label>
						<div class="checker" id="uniform-undefined">
							<span><input type="checkbox" class="metro" value="" style="opacity: 0;"></span>
						</div>
						Metro Style</label>
						</span>
						</span>
					</div>
					<!-- END STYLE CUSTOMIZER-->
					<!-- BEGIN PAGE TITLE & BREADCRUMB-->
					<h3 class="page-title">
					Dashboard <small>statistics and more</small>
					</h3>
					<ul class="breadcrumb">
						<li>
						<i class="icon-home"></i>
						<a href="#">Home</a><span class="divider">/</span>
						</li>
						<li><a href="#">Dashboard</a></li>
						<li class="pull-right dashboard-report-li">
						<div id="dashboard-report-range" class="dashboard-report-range-container no-text-shadow tooltips" data-placement="top" data-original-title="Change dashboard date range">
							<i class="icon-calendar icon-large"></i><span>February 19, 2013 - March 20, 2013</span>
							<b class="caret"></b>
						</div>
						</li>
					</ul>
					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div id="page" class="dashboard">
				<!-- BEGIN OVERVIEW STATISTIC BARS-->
				<div class="row-fluid stats-overview-cont">
					<div class="span2 responsive" data-tablet="span4" data-desktop="span2">
						<div class="stats-overview block clearfix">
							<div class="display stat ok huge">
								<span class="line-chart" style="display: inline;"><span style="display: none;"><span style="display: none;"><span style="display: none;">5, 6, 7, 11, 14, 10, 15, 19, 15, 2</span><canvas width="50" height="20"></canvas></span><canvas width="50" height="20"></canvas></span><canvas width="40" height="20"></canvas></span>
								<div class="percent">
									+66%
								</div>
							</div>
							<div class="details">
								<div class="title">
									Users
								</div>
								<div class="numbers">
									1360
								</div>
							</div>
							<div class="progress progress-info">
								<div class="bar" style="width: 66%">
								</div>
							</div>
						</div>
					</div>
					<div class="span2 responsive" data-tablet="span4" data-desktop="span2">
						<div class="stats-overview block clearfix">
							<div class="display stat good huge">
								<span class="line-chart" style="display: inline;"><span style="display: none;"><span style="display: none;"><span style="display: none;">2,6,8,12, 11, 15, 16, 11, 16, 11, 10, 3, 7, 8, 12, 19</span><canvas width="50" height="20"></canvas></span><canvas width="50" height="20"></canvas></span><canvas width="40" height="20"></canvas></span>
								<div class="percent">
									+16%
								</div>
							</div>
							<div class="details">
								<div class="title">
									Site Visits
								</div>
								<div class="numbers">
									1800
								</div>
								<div class="progress progress-warning">
									<div class="bar" style="width: 16%">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="span2 responsive" data-tablet="span4" data-desktop="span2">
						<div class="stats-overview block clearfix">
							<div class="display stat bad huge">
								<span class="line-chart" style="display: inline;"><span style="display: none;"><span style="display: none;"><span style="display: none;">2,6,8,11, 14, 11, 12, 13, 15, 12, 9, 5, 11, 12, 15, 9,3</span><canvas width="50" height="20"></canvas></span><canvas width="50" height="20"></canvas></span><canvas width="40" height="20"></canvas></span>
								<div class="percent">
									+6%
								</div>
							</div>
							<div class="details">
								<div class="title">
									Orders
								</div>
								<div class="numbers">
									509
								</div>
								<div class="progress progress-success">
									<div class="bar" style="width: 16%">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="span2 responsive" data-tablet="span4 fix-margin" data-desktop="span2">
						<div class="stats-overview block clearfix">
							<div class="display stat good huge">
								<span class="bar-chart" style="display: inline;"><span style="display: none;"><span style="display: none;"><span style="display: none;">1,4,9,12, 10, 11, 12, 15, 12, 11, 9, 12, 15, 19, 14, 13, 15</span><canvas width="50" height="20"></canvas></span><canvas width="50" height="20"></canvas></span><canvas width="40" height="20"></canvas></span>
								<div class="percent">
									+86%
								</div>
							</div>
							<div class="details">
								<div class="title">
									Revenue
								</div>
								<div class="numbers">
									1550
								</div>
								<div class="progress progress-warning">
									<div class="bar" style="width: 56%">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="span2 responsive" data-tablet="span4" data-desktop="span2">
						<div class="stats-overview block clearfix">
							<div class="display stat ok huge">
								<span class="line-chart" style="display: inline;"><span style="display: none;"><span style="display: none;"><span style="display: none;">2,6,8,12, 11, 15, 16, 17, 14, 12, 10, 8, 10, 2, 4, 12, 19</span><canvas width="50" height="20"></canvas></span><canvas width="50" height="20"></canvas></span><canvas width="40" height="20"></canvas></span>
								<div class="percent">
									+72%
								</div>
							</div>
							<div class="details">
								<div class="title">
									Sales
								</div>
								<div class="numbers">
									9600
								</div>
								<div class="progress progress-danger">
									<div class="bar" style="width: 72%">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="span2 responsive" data-tablet="span4" data-desktop="span2">
						<div class="stats-overview block clearfix">
							<div class="display stat bad huge">
								<span class="line-chart" style="display: inline;"><span style="display: none;"><span style="display: none;"><span style="display: none;">1,7,9,11, 14, 12, 6, 7, 4, 2, 9, 8, 11, 12, 14, 12, 10</span><canvas width="50" height="20"></canvas></span><canvas width="50" height="20"></canvas></span><canvas width="40" height="20"></canvas></span>
								<div class="percent">
									+15%
								</div>
							</div>
							<div class="details">
								<div class="title">
									Stock
								</div>
								<div class="numbers">
									2090
								</div>
								<div class="progress progress-success">
									<div class="bar" style="width: 15%">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- END OVERVIEW STATISTIC BARS-->
				<div class="row-fluid">
					<div class="span8">
						<!-- BEGIN SITE VISITS PORTLET-->
						<div class="widget">
							<div class="widget-title">
								<h4><i class="icon-signal"></i>Site Visits</h4>
								<span class="tools">
								<a href="javascript:;" class="icon-chevron-down"></a>
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								<a href="javascript:;" class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body">
								<div id="site_statistics_loading" style="display: none;">
									<img src="images/loading.gif" alt="loading">
								</div>
								<div id="site_statistics_content" class="hide" style="display: block;">
									<div class="btn-toolbar no-top-space clearfix">
										<div class="btn-group" data-toggle="buttons-radio">
											<button class="btn btn-mini">Asia</button><button class="btn btn-mini">Europe</button><button class="btn btn-mini">USA</button>
										</div>
										<div class="btn-group pull-right" data-toggle="buttons-radio">
											<button class="btn btn-mini active">Sales</button><button class="btn btn-mini">
											<span class="visible-phone">In</span>
											<span class="hidden-phone">Income</span>
											</button><button class="btn btn-mini">Stock</button>
										</div>
									</div>
									<div id="site_statistics" class="chart" style="padding: 0px; position: relative;">
										<canvas class="base" width="688" height="300"></canvas><canvas class="overlay" width="688" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas>
										<div class="tickLabels" style="font-size:smaller">
											<div class="xAxis x1Axis" style="color:#545454">
												<div class="tickLabel" style="position:absolute;text-align:center;left:24px;top:280px;width:43px">
													2
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:70px;top:280px;width:43px">
													4
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:115px;top:280px;width:43px">
													6
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:161px;top:280px;width:43px">
													8
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:207px;top:280px;width:43px">
													10
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:252px;top:280px;width:43px">
													12
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:298px;top:280px;width:43px">
													14
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:343px;top:280px;width:43px">
													16
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:389px;top:280px;width:43px">
													18
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:435px;top:280px;width:43px">
													20
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:480px;top:280px;width:43px">
													22
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:526px;top:280px;width:43px">
													24
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:571px;top:280px;width:43px">
													26
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:617px;top:280px;width:43px">
													28
												</div>
												<div class="tickLabel" style="position:absolute;text-align:center;left:663px;top:280px;width:43px">
													30
												</div>
											</div>
											<div class="yAxis y1Axis" style="color:#545454">
												<div class="tickLabel" style="position:absolute;text-align:right;top:265px;right:670px;width:18px">
													0
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:244px;right:670px;width:18px">
													10
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:223px;right:670px;width:18px">
													20
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:202px;right:670px;width:18px">
													30
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:182px;right:670px;width:18px">
													40
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:161px;right:670px;width:18px">
													50
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:140px;right:670px;width:18px">
													60
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:119px;right:670px;width:18px">
													70
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:98px;right:670px;width:18px">
													80
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:77px;right:670px;width:18px">
													90
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:57px;right:670px;width:18px">
													100
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:36px;right:670px;width:18px">
													110
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:15px;right:670px;width:18px">
													120
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:-6px;right:670px;width:18px">
													130
												</div>
											</div>
										</div>
										<div class="legend">
											<div style="position: absolute; width: 85px; height: 44px; top: 9px; right: 9px; background-color: rgb(255, 255, 255); opacity: 0.85;">
											</div>
											<table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454">
											<tbody>
											<tr>
												<td class="legendColorBox">
													<div style="border:1px solid #ccc;padding:1px">
														<div style="width:4px;height:0;border:5px solid rgb(209,38,16);overflow:hidden">
														</div>
													</div>
												</td>
												<td class="legendLabel">
													Unique Visits
												</td>
											</tr>
											<tr>
												<td class="legendColorBox">
													<div style="border:1px solid #ccc;padding:1px">
														<div style="width:4px;height:0;border:5px solid rgb(55,183,243);overflow:hidden">
														</div>
													</div>
												</td>
												<td class="legendLabel">
													Page Views
												</td>
											</tr>
											</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- END SITE VISITS PORTLET-->
					</div>
					<div class="span4">
						<!-- BEGIN NOTIFICATIONS PORTLET-->
						<div class="widget">
							<div class="widget-title">
								<h4><i class="icon-bell"></i>Notifications</h4>
								<span class="tools">
								<a href="javascript:;" class="icon-chevron-down"></a>
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								</span>
							</div>
							<div class="widget-body">
								<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 307px;">
									<ul class="item-list scroller padding" data-height="307" data-always-visible="1" style="overflow: hidden; width: auto; height: 307px;">
										<li>
										<span class="label label-success"><i class="icon-bell"></i></span>
										<span>New user registered.</span>
										<span class="small italic">Just now</span>
										</li>
										<li>
										<span class="label label-success"><i class="icon-bell"></i></span>
										<span>New order received.</span>
										<span class="small italic">15 mins ago</span>
										</li>
										<li>
										<span class="label label-warning"><i class="icon-bullhorn"></i></span>
										<span>Alerting a user account balance.</span>
										<span class="small italic">2 hrs ago</span>
										</li>
										<li>
										<span class="label label-important"><i class="icon-bolt"></i></span>
										<span>Alerting administrators staff.</span>
										<span class="small italic">11 hrs ago</span>
										</li>
										<li>
										<span class="label label-important"><i class="icon-bolt"></i></span>
										<span>Messages are not sent to users.</span>
										<span class="small italic">14 hrs ago</span>
										</li>
										<li>
										<span class="label label-warning"><i class="icon-bullhorn"></i></span>
										<span>Web server #12 failed to relosd.</span>
										<span class="small italic">2 days ago</span>
										</li>
										<li>
										<span class="label label-success"><i class="icon-bell"></i></span>
										<span>New order received.</span>
										<span class="small italic">15 mins ago</span>
										</li>
										<li>
										<span class="label label-warning"><i class="icon-bullhorn"></i></span>
										<span>Alerting a user account balance.</span>
										<span class="small italic">2 hrs ago</span>
										</li>
										<li>
										<span class="label label-important"><i class="icon-bolt"></i></span>
										<span>Alerting administrators support staff.</span>
										<span class="small italic">11 hrs ago</span>
										</li>
										<li>
										<span class="label label-important"><i class="icon-bolt"></i></span>
										<span>Messages are not sent to users.</span>
										<span class="small italic">14 hrs ago</span>
										</li>
										<li>
										<span class="label label-warning"><i class="icon-bullhorn"></i></span>
										<span>Web server #12 failed to relosd.</span>
										<span class="small italic">2 days ago</span>
										</li>
										<li>
										<span class="label label-success"><i class="icon-bell"></i></span>
										<span>New order received.</span>
										<span class="small italic">15 mins ago</span>
										</li>
										<li>
										<span class="label label-warning"><i class="icon-bullhorn"></i></span>
										<span>Alerting a user account balance.</span>
										<span class="small italic">2 hrs ago</span>
										</li>
										<li>
										<span class="label label-important"><i class="icon-bolt"></i></span>
										<span>Alerting administrators support staff.</span>
										<span class="small italic">11 hrs ago</span>
										</li>
										<li>
										<span class="label label-important"><i class="icon-bolt"></i></span>
										<span>Messages are not sent to users.</span>
										<span class="small italic">14 hrs ago</span>
										</li>
										<li>
										<span class="label label-warning"><i class="icon-bullhorn"></i></span>
										<span>Web server #12 failed to relosd.</span>
										<span class="small italic">2 days ago</span>
										</li>
									</ul>
									<div class="slimScrollBar ui-draggable" style="background-color: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; z-index: 99; right: 1px; height: 169.20825852782764px; background-position: initial initial; background-repeat: initial initial;">
									</div>
									<div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-color: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px; background-position: initial initial; background-repeat: initial initial;">
									</div>
								</div>
								<div class="space5">
								</div>
								<a href="#" class="pull-right">View all notifications</a>
								<div class="clearfix no-top-space no-bottom-space">
								</div>
							</div>
						</div>
						<!-- END NOTIFICATIONS PORTLET-->
					</div>
				</div>
				<!-- BEGIN OVERVIEW STATISTIC BLOCKS-->
				<div class="row-fluid">
					<div class="span3 responsive" data-tablet="span6" data-desktop="span3">
						<div class="circle-stat block">
							<div class="visual">
								<div style="display:inline;width:100px;height:100px;">
									<canvas width="100" height="100px"></canvas><input class="knobify" data-width="115" data-thickness=".2" data-skin="tron" data-displayprevious="true" value="+89" data-max="100" data-min="-100" readonly="readonly" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(135, 206, 235); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;">
								</div>
							</div>
							<div class="details">
								<div class="title">
									Unique Visits <i class="icon-caret-up"></i>
								</div>
								<div class="number">
									10112
								</div>
								<span class="label label-success"><i class="icon-map-marker"></i>123</span>
								<span class="label label-warning"><i class="icon-comment"></i>3</span>
								<span class="label label-info"><i class="icon-bullhorn"></i>3</span>
							</div>
						</div>
					</div>
					<div class="span3 responsive" data-tablet="span6" data-desktop="span3">
						<div class="circle-stat block">
							<div class="visual">
								<div style="display:inline;width:100px;height:100px;">
									<canvas width="100" height="100px"></canvas><input class="knobify" data-width="115" data-fgcolor="#66EE66" data-thickness=".2" data-skin="tron" data-displayprevious="true" value="+19" data-max="100" data-min="-100" readonly="readonly" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(102, 238, 102); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;">
								</div>
							</div>
							<div class="details">
								<div class="title">
									New Users <i class="icon-caret-up"></i>
								</div>
								<div class="number">
									987
								</div>
								<span class="label label-important"><i class="icon-bullhorn"></i>567</span>
								<span class="label"><i class="icon-plus"></i>16</span>
							</div>
						</div>
					</div>
					<div class="span3 responsive" data-tablet="span6 fix-margin" data-desktop="span3">
						<div class="circle-stat block">
							<div class="visual">
								<div style="display:inline;width:100px;height:100px;">
									<canvas width="100" height="100px"></canvas><input class="knobify" data-width="115" data-fgcolor="#e23e29" data-thickness=".2" data-skin="tron" data-displayprevious="true" value="-12" data-max="100" data-min="-100" readonly="readonly" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(226, 62, 41); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;">
								</div>
							</div>
							<div class="details">
								<div class="title">
									Downtime <i class="icon-caret-down down"></i>
								</div>
								<div class="number">
									0.01%
								</div>
								<span class="label label-info"><i class="icon-bookmark-empty"></i>23</span>
								<span class="label label-warning"><i class="icon-ok"></i>31</span>
								<span class="label label-success"><i class="icon-briefcase"></i>39</span>
							</div>
						</div>
					</div>
					<div class="span3 responsive" data-tablet="span6" data-desktop="span3">
						<div class="circle-stat block">
							<div class="visual">
								<div style="display:inline;width:100px;height:100px;">
									<canvas width="100" height="100px"></canvas><input class="knobify" data-width="115" data-fgcolor="#fdbb39" data-thickness=".2" data-skin="tron" data-displayprevious="true" value="+58" data-max="100" data-min="-100" readonly="readonly" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(253, 187, 57); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;">
								</div>
							</div>
							<div class="details">
								<div class="title">
									Profit <i class="icon-caret-up"></i>
								</div>
								<div class="number">
									1120.32$
								</div>
								<span class="label label-success"><i class="icon-comment"></i>453</span>
								<span class="label label-inverse"><i class="icon-globe"></i>123</span>
							</div>
						</div>
					</div>
				</div>
				<!-- END OVERVIEW STATISTIC BLOCKS-->
				<div class="row-fluid">
					<div class="span6">
						<!-- BEGIN SERVER LOAD PORTLET-->
						<div class="widget">
							<div class="widget-title">
								<h4><i class="icon-cogs"></i>Server Load</h4>
								<span class="tools">
								<a href="javascript:;" class="icon-chevron-down"></a>
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								<a href="javascript:;" class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body">
								<div id="load_statistics_loading" style="display: none;">
									<img src="images/loading.gif" alt="loading">
								</div>
								<div id="load_statistics_content" class="hide" style="display: block;">
									<div id="load_statistics" class="chart" style="padding: 0px; position: relative;">
										<canvas class="base" width="501" height="300"></canvas><canvas class="overlay" width="501" height="300" style="position: absolute; left: 0px; top: 0px;"></canvas>
										<div class="tickLabels" style="font-size:smaller">
											<div class="yAxis y1Axis" style="color:#545454">
												<div class="tickLabel" style="position:absolute;text-align:right;top:286px;right:473px;width:28px">
													0%
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:228px;right:473px;width:28px">
													20%
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:169px;right:473px;width:28px">
													40%
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:111px;right:473px;width:28px">
													60%
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:52px;right:473px;width:28px">
													80%
												</div>
												<div class="tickLabel" style="position:absolute;text-align:right;top:-6px;right:473px;width:28px">
													100%
												</div>
											</div>
										</div>
									</div>
									<div class="btn-toolbar no-bottom-space clearfix">
										<div class="btn-group" data-toggle="buttons-radio">
											<button class="btn btn-mini">Web</button><button class="btn btn-mini">Database</button><button class="btn btn-mini">Static</button>
										</div>
										<div class="btn-group pull-right" data-toggle="buttons-radio">
											<button class="btn btn-mini active">Asia</button><button class="btn btn-mini">
											<span class="visible-phone">Eur</span>
											<span class="hidden-phone">Europe</span>
											</button><button class="btn btn-mini">USA</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- END SERVER LOAD PORTLET-->
					</div>
					<div class="span6">
						<!-- BEGIN REGIONAL STATS PORTLET-->
						<div class="widget">
							<div class="widget-title">
								<h4><i class="icon-globe"></i>Regional Stats</h4>
								<span class="tools">
								<a href="javascript:;" class="icon-chevron-down"></a>
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								<a href="javascript:;" class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body">
								<div id="region_statistics_loading" style="display: none;">
									<img src="images/loading.gif" alt="loading">
								</div>
								<div id="region_statistics_content" class="hide" style="display: block;">
									<div class="btn-toolbar no-top-space clearfix">
										<div class="btn-group" data-toggle="buttons-radio">
											<button class="btn btn-mini active">Users</button><button class="btn btn-mini">Orders</button><button class="btn btn-mini">Income</button>
										</div>
										<div class="btn-group pull-right">
											<button class="btn btn-mini dropdown-t	oggle" data-toggle="dropdown">
											Select Region <span class="caret"></span>
											</button>
											<ul class="dropdown-menu">
												<li><a href="javascript:;" id="regional_stat_world">World</a></li>
												<li><a href="javascript:;" id="regional_stat_usa">USA</a></li>
												<li><a href="javascript:;" id="regional_stat_europe">Europe</a></li>
												<li><a href="javascript:;" id="regional_stat_russia">Russia</a></li>
												<li><a href="javascript:;" id="regional_stat_germany">Germany</a></li>
											</ul>
										</div>
									</div>
									
								</div>
							</div>
						</div>
						<!-- END REGIONAL STATS PORTLET-->
					</div>
				</div>
				<div class="row-fluid">
					<div class="span6">
						<!-- BEGIN RECENT ORDERS PORTLET-->
						<div class="widget">
							<div class="widget-title">
								<h4><i class="icon-shopping-cart"></i>Recent Orders</h4>
								<span class="tools">
								<a href="javascript:;" class="icon-chevron-down"></a>
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								<a href="javascript:;" class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body">
								<table class="table table-striped table-bordered table-advance table-hover">
								<thead>
								<tr>
									<th>
										<i class="icon-briefcase"></i><span class="hidden-phone">From</span>
									</th>
									<th>
										<i class="icon-user"></i><span class="hidden-phone ">Contact</span>
									</th>
									<th>
										<i class="icon-shopping-cart"></i><span class="hidden-phone">Amount</span>
									</th>
									<th>
									</th>
								</tr>
								</thead>
								<tbody>
								<tr>
									<td class="highlight">
										<div class="success">
										</div>
										<a href="#">Ikea</a>
									</td>
									<td>
										Elis Yong
									</td>
									<td>
										4560.60$ <span class="label label-warning label-mini">Paid</span>
										<a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								<tr>
									<td class="highlight">
										<div class="important">
										</div>
										<a href="#">Apple</a>
									</td>
									<td>
										Daniel Kim
									</td>
									<td>
										360.60$ <a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								<tr>
									<td class="highlight">
										<div class="info">
										</div>
										<a href="#">37Singals</a>
									</td>
									<td>
										Edward Cooper
									</td>
									<td>
										960.50$ <span class="label label-success label-mini">Pending</span>
										<a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								<tr>
									<td class="highlight">
										<div class="warning">
										</div>
										<a href="#">Google</a>
									</td>
									<td>
										Paris Simpson
									</td>
									<td>
										1101.60$ <span class="label label-success label-mini">Pending</span>
										<a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								<tr>
									<td class="highlight">
										<div class="success">
										</div>
										<a href="#">Ikea</a>
									</td>
									<td>
										Elis Yong
									</td>
									<td>
										4560.60$ <span class="label label-warning label-mini">Paid</span>
										<a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								<tr>
									<td class="highlight">
										<div class="warning">
										</div>
										<a href="#">Google</a>
									</td>
									<td>
										Paris Simpson
									</td>
									<td>
										1101.60$ <span class="label label-success label-mini">Pending</span>
										<a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								<tr>
									<td class="highlight">
										<div class="important">
										</div>
										<a href="#">Apple</a>
									</td>
									<td>
										Daniel Kim
									</td>
									<td>
										360.60$ <a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								<tr>
									<td class="highlight">
										<div class="warning">
										</div>
										<a href="#">Google</a>
									</td>
									<td>
										Paris Simpson
									</td>
									<td>
										1101.60$ <span class="label label-success label-mini">Pending</span>
										<a href="#" class="btn btn-mini visible-phone hidden-tablet">View</a>
									</td>
									<td>
										<a href="#" class="btn btn-mini hidden-phone hidden-tablet">View</a>
									</td>
								</tr>
								</tbody>
								</table>
								<div class="space7">
								</div>
								<div class="clearfix">
									<a href="#" class="btn btn-mini pull-right">All Orders</a>
								</div>
							</div>
						</div>
						<!-- END RECENT ORDERS PORTLET-->
					</div>
					<div class="span6">
						<!-- BEGIN CHAT PORTLET-->
						<div class="widget" id="chats">
							<div class="widget-title">
								<h4><i class="icon-tasks"></i>Chats</h4>
								<span class="tools">
								<a href="javascript:;" class="icon-chevron-down"></a>
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								<a href="javascript:;" class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body">
								<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 322px;">
									<div class="scroller" data-height="322px" data-always-visible="1" data-rail-visible1="1" style="overflow: hidden; width: auto; height: 322px;">
										<ul class="chats">
											<li class="in">
											<img class="avatar" alt="" src="images/avatar1.jpg">
											<div class="message">
												<span class="arrow"></span>
												<a href="#" class="name">Mark King</a>
												<span class="datetime">at Jul 25, 2012 11:09</span>
												<span class="body">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
											</div>
											</li>
											<li class="out">
											<img class="avatar" alt="" src="images/avatar2.jpg">
											<div class="message">
												<span class="arrow"></span>
												<a href="#" class="name">Lisa Wong</a>
												<span class="datetime">at Jul 25, 2012 11:09</span>
												<span class="body">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
											</div>
											</li>
											<li class="in">
											<img class="avatar" alt="" src="images/avatar1.jpg">
											<div class="message">
												<span class="arrow"></span>
												<a href="#" class="name">Mark King</a>
												<span class="datetime">at Jul 25, 2012 11:09</span>
												<span class="body">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
											</div>
											</li>
											<li class="out">
											<img class="avatar" alt="" src="images/avatar3.jpg">
											<div class="message">
												<span class="arrow"></span>
												<a href="#" class="name">Richard Doe</a>
												<span class="datetime">at Jul 25, 2012 11:09</span>
												<span class="body">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
											</div>
											</li>
											<li class="in">
											<img class="avatar" alt="" src="images/avatar3.jpg">
											<div class="message">
												<span class="arrow"></span>
												<a href="#" class="name">Richard Doe</a>
												<span class="datetime">at Jul 25, 2012 11:09</span>
												<span class="body">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
											</div>
											</li>
											<li class="out">
											<img class="avatar" alt="" src="images/avatar1.jpg">
											<div class="message">
												<span class="arrow"></span>
												<a href="#" class="name">Mark King</a>
												<span class="datetime">at Jul 25, 2012 11:09</span>
												<span class="body">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
											</div>
											</li>
											<li class="in">
											<img class="avatar" alt="" src="images/avatar3.jpg">
											<div class="message">
												<span class="arrow"></span>
												<a href="#" class="name">Richard Doe</a>
												<span class="datetime">at Jul 25, 2012 11:09</span>
												<span class="body">
												Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>
											</div>
											</li>
										</ul>
									</div>
									<div class="slimScrollBar ui-draggable" style="background-color: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; z-index: 99; right: 1px; height: 131.91348600508906px; background-position: initial initial; background-repeat: initial initial;">
									</div>
									<div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-color: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px; background-position: initial initial; background-repeat: initial initial;">
									</div>
								</div>
								<div class="chat-form">
									<div class="input-cont">
										<input type="text" placeholder="Type a message here...">
									</div>
									<div class="btn-cont">
										<a href="javascript:;" class="btn btn-primary"><i class="icon-ok icon-white"></i></a>
									</div>
								</div>
							</div>
						</div>
						<!-- END CHAT PORTLET-->
					</div>
				</div>
				<div class="row-fluid">
					<div class="span8 responsive" data-tablet="span12 fix-margin" data-desktop="span8">
						<!-- BEGIN CALENDAR PORTLET-->
						<div class="widget">
							<div class="widget-title">
								<h4><i class="icon-ok"></i>Calendar</h4>
								<span class="tools">
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								</span>
							</div>
							<div class="widget-body">
								<div id="calendar" class="has-toolbar fc">
									<table class="fc-header" style="width:100%">
									<tbody>
									<tr>
										<td class="fc-header-left">
											<span class="fc-header-title">
											<h2>March 2013</h2>
											</span>
										</td>
										<td class="fc-header-center">
										</td>
										<td class="fc-header-right">
											<span class="fc-button fc-button-prev fc-state-default fc-corner-left"><span class="fc-button-inner"><span class="fc-button-content">&nbsp;◄&nbsp;</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-next fc-state-default"><span class="fc-button-inner"><span class="fc-button-content">&nbsp;►&nbsp;</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-today fc-state-default fc-state-disabled"><span class="fc-button-inner"><span class="fc-button-content">today</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-month fc-state-default fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">month</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-agendaWeek fc-state-default"><span class="fc-button-inner"><span class="fc-button-content">week</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-agendaDay fc-state-default fc-corner-right"><span class="fc-button-inner"><span class="fc-button-content">day</span><span class="fc-button-effect"><span></span></span></span></span>
										</td>
									</tr>
									</tbody>
									</table>
									<div class="fc-content" style="position: relative; min-height: 1px;">
										<div class="fc-view fc-view-month fc-grid" style="position: relative;" unselectable="on">
											<table class="fc-border-separate" style="width:100%" cellspacing="0">
											<thead>
											<tr class="fc-first fc-last">
												<th class="fc-sun fc-widget-header fc-first" style="width: 97px;">
													Sun
												</th>
												<th class="fc-mon fc-widget-header" style="width: 97px;">
													Mon
												</th>
												<th class="fc-tue fc-widget-header" style="width: 97px;">
													Tue
												</th>
												<th class="fc-wed fc-widget-header" style="width: 97px;">
													Wed
												</th>
												<th class="fc-thu fc-widget-header" style="width: 97px;">
													Thu
												</th>
												<th class="fc-fri fc-widget-header" style="width: 97px;">
													Fri
												</th>
												<th class="fc-sat fc-widget-header fc-last">
													Sat
												</th>
											</tr>
											</thead>
											<tbody>
											<tr class="fc-week0 fc-first" style="">
												<td class="fc-sun fc-widget-content fc-day0 fc-first fc-other-month">
													<div style="min-height: 81px;">
														<div class="fc-day-number">
															24
														</div>
														<div class="fc-day-content">
															<div style="position: relative; height: 23px;">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-mon fc-widget-content fc-day1 fc-other-month">
													<div>
														<div class="fc-day-number">
															25
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-tue fc-widget-content fc-day2 fc-other-month">
													<div>
														<div class="fc-day-number">
															26
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-wed fc-widget-content fc-day3 fc-other-month">
													<div>
														<div class="fc-day-number">
															27
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-thu fc-widget-content fc-day4 fc-other-month">
													<div>
														<div class="fc-day-number">
															28
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-fri fc-widget-content fc-day5">
													<div>
														<div class="fc-day-number">
															1
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-sat fc-widget-content fc-day6 fc-last">
													<div>
														<div class="fc-day-number">
															2
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
											</tr>
											<tr class="fc-week1" style="">
												<td class="fc-sun fc-widget-content fc-day7 fc-first">
													<div style="min-height: 80px;">
														<div class="fc-day-number">
															3
														</div>
														<div class="fc-day-content">
															<div style="position: relative; height: 0px;">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-mon fc-widget-content fc-day8">
													<div>
														<div class="fc-day-number">
															4
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-tue fc-widget-content fc-day9">
													<div>
														<div class="fc-day-number">
															5
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-wed fc-widget-content fc-day10">

													<div>
														<div class="fc-day-number">
															6
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-thu fc-widget-content fc-day11">
													<div>
														<div class="fc-day-number">
															7
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-fri fc-widget-content fc-day12">
													<div>
														<div class="fc-day-number">
															8
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-sat fc-widget-content fc-day13 fc-last">
													<div>
														<div class="fc-day-number">
															9
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
											</tr>
											<tr class="fc-week2" style="">
												<td class="fc-sun fc-widget-content fc-day14 fc-first">
													<div style="min-height: 80px;">
														<div class="fc-day-number">
															10
														</div>
														<div class="fc-day-content">
															<div style="position: relative; height: 23px;">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-mon fc-widget-content fc-day15">
													<div>
														<div class="fc-day-number">
															11
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-tue fc-widget-content fc-day16">
													<div>
														<div class="fc-day-number">
															12
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-wed fc-widget-content fc-day17">
													<div>
														<div class="fc-day-number">
															13
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-thu fc-widget-content fc-day18">
													<div>
														<div class="fc-day-number">
															14
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-fri fc-widget-content fc-day19">
													<div>
														<div class="fc-day-number">
															15
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-sat fc-widget-content fc-day20 fc-last">
													<div>
														<div class="fc-day-number">
															16
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
											</tr>
											<tr class="fc-week3" style="">
												<td class="fc-sun fc-widget-content fc-day21 fc-first">
													<div style="min-height: 80px;">
														<div class="fc-day-number">
															17
														</div>
														<div class="fc-day-content">
															<div style="position: relative; height: 46px;">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-mon fc-widget-content fc-day22">
													<div>
														<div class="fc-day-number">
															18
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-tue fc-widget-content fc-day23">
													<div>
														<div class="fc-day-number">
															19
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-wed fc-widget-content fc-day24 fc-state-highlight fc-today">
													<div>
														<div class="fc-day-number">
															20
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-thu fc-widget-content fc-day25">
													<div>
														<div class="fc-day-number">
															21
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-fri fc-widget-content fc-day26">
													<div>
														<div class="fc-day-number">
															22
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-sat fc-widget-content fc-day27 fc-last">
													<div>
														<div class="fc-day-number">
															23
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
											</tr>
											<tr class="fc-week4" style="">
												<td class="fc-sun fc-widget-content fc-day28 fc-first">
													<div style="min-height: 80px;">
														<div class="fc-day-number">
															24
														</div>
														<div class="fc-day-content">
															<div style="position: relative; height: 23px;">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-mon fc-widget-content fc-day29">
													<div>
														<div class="fc-day-number">
															25
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-tue fc-widget-content fc-day30">
													<div>
														<div class="fc-day-number">
															26
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-wed fc-widget-content fc-day31">
													<div>
														<div class="fc-day-number">
															27
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-thu fc-widget-content fc-day32">
													<div>
														<div class="fc-day-number">
															28
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-fri fc-widget-content fc-day33">
													<div>
														<div class="fc-day-number">
															29
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-sat fc-widget-content fc-day34 fc-last">
													<div>
														<div class="fc-day-number">
															30
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
											</tr>
											<tr class="fc-week5 fc-last" style="">
												<td class="fc-sun fc-widget-content fc-day35 fc-first">
													<div style="min-height: 81px;">
														<div class="fc-day-number">
															31
														</div>
														<div class="fc-day-content">
															<div style="position: relative; height: 0px;">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-mon fc-widget-content fc-day36 fc-other-month">
													<div>
														<div class="fc-day-number">
															1
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-tue fc-widget-content fc-day37 fc-other-month">
													<div>
														<div class="fc-day-number">
															2
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-wed fc-widget-content fc-day38 fc-other-month">
													<div>
														<div class="fc-day-number">
															3
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-thu fc-widget-content fc-day39 fc-other-month">
													<div>
														<div class="fc-day-number">
															4
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-fri fc-widget-content fc-day40 fc-other-month">
													<div>
														<div class="fc-day-number">
															5
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
												<td class="fc-sat fc-widget-content fc-day41 fc-last fc-other-month">
													<div>
														<div class="fc-day-number">
															6
														</div>
														<div class="fc-day-content">
															<div style="position:relative">
																&nbsp;
															</div>
														</div>
													</div>
												</td>
											</tr>
											</tbody>
											</table>
											<div style="position:absolute;z-index:8;top:0;left:0">
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right label label-default" style="position: absolute; z-index: 8; left: 493px; width: 83px; top: 44px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-title">All Day Event</span>
													</div>
													<div class="ui-resizable-handle ui-resizable-e">
														&nbsp;&nbsp;&nbsp;
													</div>
												</div>
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left label label-success" style="position: absolute; z-index: 8; left: 493px; width: 186px; top: 207px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-title">Long Event</span>
													</div>
												</div>
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-right label label-success" style="position: absolute; z-index: 8; left: 0px; width: 185px; top: 288px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-title">Long Event</span>
													</div>
													<div class="ui-resizable-handle ui-resizable-e">
														&nbsp;&nbsp;&nbsp;
													</div>
												</div>
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right label label-info" style="position: absolute; z-index: 8; left: 297px; width: 83px; top: 288px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-time">10:30a</span><span class="fc-event-title">Meeting</span>
													</div>
													<div class="ui-resizable-handle ui-resizable-e">
														&nbsp;&nbsp;&nbsp;
													</div>
												</div>
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right label label-success" style="position: absolute; z-index: 8; left: 395px; width: 83px; top: 288px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-time">7p</span><span class="fc-event-title">Birthday Party</span>
													</div>
													<div class="ui-resizable-handle ui-resizable-e">
														&nbsp;&nbsp;&nbsp;
													</div>
												</div>
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right label label-warning" style="position: absolute; z-index: 8; left: 297px; width: 83px; top: 311px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-time">12p</span><span class="fc-event-title">Lunch</span>
													</div>
													<div class="ui-resizable-handle ui-resizable-e">
														&nbsp;&nbsp;&nbsp;
													</div>
												</div>
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right label label-default" style="position: absolute; z-index: 8; left: 3px; width: 83px; top: 311px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-time">4p</span><span class="fc-event-title">Repeating Event</span>
													</div>
													<div class="ui-resizable-handle ui-resizable-e">
														&nbsp;&nbsp;&nbsp;
													</div>
												</div>
												<a href="http://google.com/" class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right label label-warning" style="position: absolute; z-index: 8; left: 395px; width: 181px; top: 369px;">
												<div class="fc-event-inner fc-event-skin">
													<span class="fc-event-title">Click for Google</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">
													&nbsp;&nbsp;&nbsp;
												</div>
												</a>
												<div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right label label-important" style="position: absolute; z-index: 8; left: 3px; width: 83px; top: 369px;">
													<div class="fc-event-inner fc-event-skin">
														<span class="fc-event-time">4p</span><span class="fc-event-title">Repeating Event</span>
													</div>
													<div class="ui-resizable-handle ui-resizable-e">
														&nbsp;&nbsp;&nbsp;
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- END CALENDAR PORTLET-->
					</div>
					<div class="span4 responsive" data-tablet="span12 fix-margin" data-desktop="span4">
						<!-- BEGIN TODO LIST PORTLET-->
						<div class="widget">
							<div class="widget-title">
								<h4><i class="icon-tasks"></i>To Do List</h4>
								<span class="tools">
								<a href="javascript:;" class="icon-chevron-down"></a>
								<a href="#widget-config" data-toggle="modal" class="icon-wrench"></a>
								<a href="javascript:;" class="icon-refresh"></a>
								<a href="javascript:;" class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body">
								<ul class="todo-list">
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Anual Meeting.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>Today</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Status Update.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>4.30PM</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Upgrage web server OS.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-success"><i class="icon-bell"></i>13 Dec</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Weekly technical support report.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-success"><i class="icon-bell"></i>11 Dec</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Anual Meeting.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>Today</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Status Update.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>4.30PM</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Status Update.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>4.30PM</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Prepare project materials.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-warning"><i class="icon-bell"></i>09 Feb</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Status Update.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>4.30PM</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Anual Meeting.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>Today</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Prepare project materials.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-warning"><i class="icon-bell"></i>09 Feb</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Update promotion rates.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-reverse"><i class="icon-bell"></i>12 May</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
									<li>
									<div class="col1">
										<div class="cont">
											<a href="">Project Status Update.</a>
										</div>
									</div>
									<div class="col2">
										<span class="label label-important"><i class="icon-bell"></i>4.30PM</span>
										<span class="actions">
										<a href="#" class="icon"><i class="icon-remove"></i></a>
										<a href="#" class="icon"><i class="icon-ok"></i></a>
										</span>
									</div>
									</li>
								</ul>
								<div class="space10">
								</div>
								<a href="#" class="pull-right">View all todo list</a>
								<div class="clearfix">
								</div>
							</div>
						</div>
						<!-- END CALENDAR PORTLET-->
					</div>
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
		<!-- END PAGE CONTAINER-->
	</div>
	<!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div id="footer">
	 2013 © Conquer. Admin Dashboard Template.
	<div class="span pull-right">
		<span class="go-top"><i class="icon-arrow-up"></i></span>
	</div>
</div>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS -->
<!-- Load javascripts at bottom, this will reduce page load time -->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/fullcalendar.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.blockui.js"></script>
<script src="js/jquery.cookie.js"></script>
<!-- ie8 fixes -->


<script src="js/jquery.knob.js"></script>
<script src="js/jquery.flot.js"></script>
<script src="js/jquery.flot.resize.js"></script>
<script src="js/jquery.peity.min.js"></script>
<script type="text/javascript" src="js/jquery.gritter.js"></script>
<script type="text/javascript" src="js/jquery.uniform.min.js"></script>
<script type="text/javascript" src="js/jquery.pulsate.min.js"></script>
<script type="text/javascript" src="js/date.js"></script>
<script type="text/javascript" src="js/daterangepicker.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/app.js"></script>
<script>
		jQuery(document).ready(function() {		
			// initiate layout and plugins
			//App.setMainPage(true);
			App.init();
		});
	</script>

<!-- END JAVASCRIPTS -->
<!-- END BODY -->

<div class="daterangepicker dropdown-menu opensleft">
	<div class="calendar left">
		<table class="table-condensed">
		<thead>
		<tr>
			<th>
			</th>
			<th class="prev available">
				<i class="icon-arrow-left"></i>
			</th>
			<th colspan="5" style="width: auto">
				February 2013
			</th>
			<th class="next available">
				<i class="icon-arrow-right"></i>
			</th>
		</tr>
		<tr>
			<th class="week">
				W
			</th>
			<th>
				Mo
			</th>
			<th>
				Tu
			</th>
			<th>
				We
			</th>
			<th>
				Th
			</th>
			<th>
				Fr
			</th>
			<th>
				Sa
			</th>
			<th>
				Su
			</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td class="week">
				5
			</td>
			<td class="available off" title="r0c0">
				28
			</td>
			<td class="available off" title="r0c1">
				29

			</td>
			<td class="available off" title="r0c2">
				30
			</td>
			<td class="available off" title="r0c3">
				31
			</td>
			<td class="available " title="r0c4">
				1
			</td>
			<td class="available " title="r0c5">
				2
			</td>
			<td class="available " title="r0c6">
				3
			</td>
		</tr>
		<tr>
			<td class="week">
				6
			</td>
			<td class="available " title="r1c0">
				4
			</td>
			<td class="available " title="r1c1">
				5
			</td>
			<td class="available " title="r1c2">
				6
			</td>
			<td class="available " title="r1c3">
				7
			</td>
			<td class="available " title="r1c4">
				8
			</td>
			<td class="available " title="r1c5">
				9
			</td>
			<td class="available " title="r1c6">
				10
			</td>
		</tr>
		<tr>
			<td class="week">
				7
			</td>
			<td class="available " title="r2c0">
				11
			</td>
			<td class="available " title="r2c1">
				12
			</td>
			<td class="available " title="r2c2">
				13
			</td>
			<td class="available " title="r2c3">
				14
			</td>
			<td class="available " title="r2c4">
				15
			</td>
			<td class="available " title="r2c5">
				16
			</td>
			<td class="available " title="r2c6">
				17
			</td>
		</tr>
		<tr>
			<td class="week">
				8
			</td>
			<td class="available " title="r3c0">
				18
			</td>
			<td class="available active" title="r3c1">
				19
			</td>
			<td class="available " title="r3c2">
				20
			</td>
			<td class="available " title="r3c3">
				21
			</td>
			<td class="available " title="r3c4">
				22
			</td>
			<td class="available " title="r3c5">
				23
			</td>
			<td class="available " title="r3c6">
				24
			</td>
		</tr>
		<tr>
			<td class="week">
				9
			</td>
			<td class="available " title="r4c0">
				25
			</td>
			<td class="available " title="r4c1">
				26
			</td>
			<td class="available " title="r4c2">
				27
			</td>
			<td class="available " title="r4c3">
				28
			</td>
			<td class="available off" title="r4c4">
				1
			</td>
			<td class="available off" title="r4c5">
				2
			</td>
			<td class="available off" title="r4c6">
				3
			</td>
		</tr>
		<tr>
			<td class="week">
				10
			</td>
			<td class="available off" title="r5c0">
				4
			</td>
			<td class="available off" title="r5c1">
				5
			</td>
			<td class="available off" title="r5c2">
				6
			</td>
			<td class="available off" title="r5c3">
				7
			</td>
			<td class="available off" title="r5c4">
				8
			</td>
			<td class="available off" title="r5c5">
				9
			</td>
			<td class="available off" title="r5c6">
				10
			</td>
		</tr>
		</tbody>
		</table>
	</div>
	<div class="calendar right">
		<table class="table-condensed">
		<thead>
		<tr>
			<th>
			</th>
			<th class="prev available">
				<i class="icon-arrow-left"></i>
			</th>
			<th colspan="5" style="width: auto">
				March 2013
			</th>
			<th class="next available">
				<i class="icon-arrow-right"></i>
			</th>
		</tr>
		<tr>
			<th class="week">
				W
			</th>
			<th>
				Mo
			</th>
			<th>
				Tu
			</th>
			<th>
				We
			</th>
			<th>
				Th
			</th>
			<th>
				Fr
			</th>
			<th>
				Sa
			</th>
			<th>
				Su
			</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td class="week">
				9
			</td>
			<td class="available off" title="r0c0">
				25
			</td>
			<td class="available off" title="r0c1">
				26
			</td>
			<td class="available off" title="r0c2">
				27
			</td>
			<td class="available off" title="r0c3">
				28
			</td>
			<td class="available " title="r0c4">
				1
			</td>
			<td class="available " title="r0c5">
				2
			</td>
			<td class="available " title="r0c6">
				3
			</td>
		</tr>
		<tr>
			<td class="week">
				10
			</td>
			<td class="available " title="r1c0">
				4
			</td>
			<td class="available " title="r1c1">
				5
			</td>
			<td class="available " title="r1c2">
				6
			</td>
			<td class="available " title="r1c3">
				7
			</td>
			<td class="available " title="r1c4">
				8
			</td>
			<td class="available " title="r1c5">
				9
			</td>
			<td class="available " title="r1c6">
				10
			</td>
		</tr>
		<tr>
			<td class="week">
				11
			</td>
			<td class="available " title="r2c0">
				11
			</td>
			<td class="available " title="r2c1">
				12
			</td>
			<td class="available " title="r2c2">
				13
			</td>
			<td class="available " title="r2c3">
				14
			</td>
			<td class="available " title="r2c4">
				15
			</td>
			<td class="available " title="r2c5">
				16
			</td>
			<td class="available " title="r2c6">
				17
			</td>
		</tr>
		<tr>
			<td class="week">
				12
			</td>
			<td class="available " title="r3c0">
				18
			</td>
			<td class="available " title="r3c1">
				19
			</td>
			<td class="available active" title="r3c2">
				20
			</td>
			<td class="available " title="r3c3">
				21
			</td>
			<td class="available " title="r3c4">
				22
			</td>
			<td class="available " title="r3c5">
				23
			</td>
			<td class="available " title="r3c6">
				24
			</td>
		</tr>
		<tr>
			<td class="week">
				13
			</td>
			<td class="available " title="r4c0">
				25
			</td>
			<td class="available " title="r4c1">
				26
			</td>
			<td class="available " title="r4c2">
				27
			</td>
			<td class="available " title="r4c3">
				28
			</td>
			<td class="available " title="r4c4">
				29
			</td>
			<td class="available " title="r4c5">
				30
			</td>
			<td class="available " title="r4c6">
				31
			</td>
		</tr>
		<tr>
			<td class="week">
				14
			</td>
			<td class="available off" title="r5c0">
				1
			</td>
			<td class="available off" title="r5c1">
				2
			</td>
			<td class="available off" title="r5c2">
				3
			</td>
			<td class="available off" title="r5c3">
				4
			</td>
			<td class="available off" title="r5c4">
				5
			</td>
			<td class="available off" title="r5c5">
				6
			</td>
			<td class="available off" title="r5c6">
				7
			</td>
		</tr>
		</tbody>
		</table>
	</div>
	<div class="ranges">
		<ul>
			<li>Today</li>
			<li>Yesterday</li>
			<li>Last 7 Days</li>
			<li>Last 30 Days</li>
			<li>This Month</li>
			<li>Last Month</li>
			<li>Custom Range</li>
		</ul>
		<div class="range_inputs">
			<div>
				<label for="daterangepicker_start">From</label><input class="input-mini" type="text" name="daterangepicker_start" value="" disabled="disabled">
			</div>
			<div>
				<label for="daterangepicker_end">To</label><input class="input-mini" type="text" name="daterangepicker_end" value="" disabled="disabled">
			</div>
			<button class="btn btn-small btn-danger">Submit</button>
		</div>
	</div>
</div>
</body>
</html>